page {
    background-color: #EEECE8;
}

.user_info_wrap {
    height: 45vh;
    background-color: var(--themeColor);
    overflow: hidden;
    position: relative;

    .user_img_wrap{
        .user_bg {
        height: 60vh;
        width: 120vw;
        filter: blur(22rpx);
        position: absolute;

            left: -10rpx;
            top: -5rpx;
        }
        .user_info{
            position: absolute;
            text-align: center;
            left: 42%;
            top: 30%;
            .user_icon {
                width: 150rpx;
                height: 150rpx;
                border-radius: 50%;
            }
            .user_name {
                margin-top: 40rpx;
                color: #fff;
                font-size: 30rpx;
            }
        }
    }

    .user_btn {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 75rpx;
        background-color: green;
        padding: 30rpx;
        color: #fff;
        font-size: 30rpx;
        border-radius: 30%;
    }
}

.content {
    position: relative;
    .main {
        padding-bottom: 30rpx;
        position: absolute;
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
        top: -40rpx;
        color: #666666;
      .his_orders {
          background-color: #fff;
          display: flex;
        .order_item {
            text-align: center;
            flex: 1;
          .orders_num {
            color: var(--themeColor);
          }
  
          .his_msg {
  
          }
        }
      }

      .my_orders {
          background-color: #fff;
          margin-top: 20rpx;
          .orders_title {
              font-size: 32rpx;
              padding: 10rpx 0;
              padding-left: 5rpx;
              border-bottom: 2rpx solid #ccc;
          }
          .orders_con {
              display: flex;
              .my_orders_item {
                  flex: 1;
                  text-align: center;
                  padding: 10rpx 0;
                  .iconfont {
                      color: var(--themeColor);
                      font-size: 32rpx;
                  }
                  .my_orders_msg {}
              }
          }
      }

      .address_wrap {
        margin-top: 20rpx;
        padding: 20rpx;
        background-color: #fff;
    }
    
    .app_info_wrap {
        margin-top: 20rpx;
        background-color: #fff;
        .contact {
            display: flex;
            justify-content: space-between;
        }
      .app_item {
        padding: 20rpx;
        border-bottom: 1px solid #ccc;
      }
    }
    .app_share {
        margin-top: 20rpx;

        padding: 20rpx;
        background-color: #fff;
    }
    }
  }